---
title: 主页
---

import React from "react";
import Logo from "../components/logo";
import { Cards, Card } from "nextra/components";

<IndexPage />

export function IndexPage() {
  return (
    <>
      <div className="h-[calc(100vh-278px)] flex flex-row-reverse justify-around flex-wrap items-center gap-8">
        <img
          src="/logo.png"
          style={{
            height: "160px",
            filter: "drop-shadow(0 0 4rem #3C82C1)",
          }}
        />
        <div>
          <div className="flex justify-start">
            <Logo className='h-[48px]' />
          </div>
          <h2 className="text-[32px]">一个更易用的代理客户端</h2>
          <div className="flex justify-start gap-4 mt-4">
            <a href="https://github.com/mihomo-party-org/mihomo-party/releases/latest">
              <button className="text-white bg-[#008AE6] text-lg py-2 px-4 rounded-[24px]">
                立即下载
              </button>
            </a>
            <a href="/docs/handson">
              <button
                style={{
                  backgroundColor: "transparent",
                  fontSize: "18px",
                  padding: "8px 16px",
                  borderRadius: "24px",
                }}
              >
                使用指南
              </button>
            </a>
          </div>
        </div>
      </div>

      {/* 赞助商信息 - 居中显示 */}
      <div className="text-center px-12 py-8">
        <h3 className="text-2xl font-bold mb-2">
          本项目认证稳定靠谱机场"<a href="https://partydoc.dginv.click/#/register?code=6DZZ9dSd" className="text-blue-500 hover:text-blue-600">狗狗加速</a>"
        </h3>
        <h5 className="text-xl mb-4">
          <a href="https://partydoc.dginv.click/#/register?code=6DZZ9dSd" className="text-blue-500 hover:text-blue-600">
            狗狗加速 —— 技术流机场 Doggygo VPN
          </a>
        </h5>
        
        {/* 列表项居中对齐 */}
        <ul className="space-y-2 inline-block text-left">
          <li>✓ 高性能海外机场，稳定首选，海外团队，无跑路风险</li>
          <li>✓ Clash Party专属8折优惠码：party，仅有500份</li>
          <li>✓ Party专属链接注册送 3 天，每天 1G 流量 <a href="https://partydoc.dginv.click/#/register?code=6DZZ9dSd" className="text-blue-500 hover:text-blue-600">免费试用</a></li>
          <li>✓ 优惠套餐每月仅需 15.8 元，160G 流量，年付 8 折</li>
          <li>✓ 全球首家支持Hysteria1/2 协议，集群负载均衡设计，高速专线</li>
          <li>✓ 基于最新UDP quic技术，极低延迟，无视晚高峰，4K 秒开</li>
          <li>✓ 解锁流媒体及 ChatGPT，配合Clash Party食用更省心！</li>
          <li>✓ 官网：<a href="https://partydoc.dginv.click/#/register?code=6DZZ9dSd" className="text-blue-500 hover:text-blue-600">https://狗狗加速.com</a></li>
        </ul>
      </div>

      <div style={{ padding: '12px 48px' }}>
        <Cards>
          <Card title="开箱即用，无需服务模式的 Tun" href="#" />
          <Card title="多种配色主题可选，UI 焕然一新" href="#" />
          <Card title="支持大部分 Mihomo 常用配置修改" href="#" />
          <Card title="通过 WebDav 一键备份和恢复配置" href="#" />
          <Card title="强大的覆写功能，任意修订配置文件" href="#" />
          <Card title="深度集成 Sub-Store，轻松管理订阅" href="#" />
        </Cards>
      </div>
    </>
  );
}